@import url("../../[branding]_components/dealerInteractiveMap.css");

/* MINI tab — removes uppercase fallback (brand CSS sets --dim-tab-text-transform) */
.dealer-map__tab {
    text-transform: var(--dim-tab-text-transform);
}

/* MINI active tab — brand font and weight */
.dealer-map__tab.is-active {
    font-family: var(--font-family-1);
    font-weight: var(--weight-bolder);
}

/* MINI select — no uppercase */
.dealer-map__select {
    text-transform: none;
}

/* MINI helper — margin-right and margin-left auto */
.dealer-map__helper {
    margin-left: auto;
    margin-right: auto;
}

/* MINI search-clear — brand background color */
.dealer-map__search-clear {
    background: var(--dim-search-clear-color);
}

/* MINI search clear svg — brand stroke color */
.dealer-map__search-clear svg {
    stroke: var(--dim-search-icon-color);
}

/* MINI outline CTA hover — brand var border */
.dealer-map-card__cta--outline:hover {
    border-color: var(--dim-cta-outline-background-color-hover);
}

/* MINI — font-size reductions at wide desktop */
@media (max-width: 1366px) {
    .dealer-map-card__title {
        font-size: 24px;
    }

    .dealer-map-card__address,
    .dealer-map-card__phone,
    .dealer-map-card__email {
        font-size: 18px;
    }

    .dealer-map-card__hours-row {
        font-size: 18px;
    }
}

/* MINI — tablet layout adjustments and font-size reductions */
@media (max-width: 768px) {
    .dealer-map__tab {
        font-size: 16px;
    }

    .dealer-map-card__title {
        font-size: 22px;
        text-align: center;
    }

    .dealer-map-card__address,
    .dealer-map-card__phone,
    .dealer-map-card__email {
        font-size: 14px;
    }

    .dealer-map-card__hours-row {
        font-size: 14px;
    }

    .dealer-map__map-container {
        width: 100vw;
        height: 202px;
    }

    .dealer-map__controls {
        padding: 47px 0 37px;
    }

    .dealer-map-card__footer {
        gap: 18px;
    }

    .dealer-map-card__cta {
        width: 475px;
        margin: 0 auto;
        height: 45px;
    }

    .dealer-map__panel {
        background: var(--brand-white);
    }
}

/* MINI — mobile map height and font-size reductions */
@media (max-width: 576px) {
    .dealer-map-card__title {
        font-size: 18px;
        text-align: center;
    }

    .dealer-map-card__address,
    .dealer-map-card__phone,
    .dealer-map-card__email {
        font-size: 12px;
    }

    .dealer-map-card__hours-row {
        font-size: 12px;
    }

    .dealer-map__map-container {
        height: 200px;
    }
}